.avatar {
  float: left;
  margin-right: 12px;
  width: 40px;
  border: 1px solid #ddd;
  padding: 1px;

  &.avatar-inline {
    float: none;
    margin-left: 3px;

    &.s16 { margin-right: 2px; }
    &.s24 { margin-right: 2px; }
  }

  &.s16 { width: 16px; height: 16px; margin-right: 6px; }
  &.s24 { width: 24px; height: 24px; margin-right: 8px; }
  &.s26 { width: 26px; height: 26px; margin-right: 8px; }
  &.s32 { width: 32px; height: 32px; margin-right: 10px; }
  &.s60 { width: 60px; height: 60px; margin-right: 12px; }
  &.s90 { width: 90px; height: 90px; margin-right: 15px; }
}
